<!DOCTYPE html>
<html lang="en" id="app">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="stylesheet" href="assets/css/common.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <title>JingBo</title>
</head>
<body>
    
<!--导航栏-->
<nav class="nav">
    <div class="nav_logo">
        <img src="./assets/images/logo.png" alt="">
    </div>
    <div class="nav_menu">
        <ul class="nav_title">
            <li class="nav_active">网站首页</li>
            <li>精品课程</li>
            <li>师资力量</li>
            <li>课堂集锦</li>
            <li>学院环境</li>
            <li>证书查询</li>
            <li>联系我们</li>
        </ul>
    </div>
</nav>

<!--首页轮播-->
<div class="swiper">
    <img src="./assets/images/swiper01.png" alt="">
</div>

<!--精品课程-->
<div class="quality_course">
    <!--  介绍标题  -->
    <div class="course_introduce">
        <p class="intro_title">
            静波瑜伽
            <span class="title_light">精品课程</span>
        </p>
        <p class="intro_sub_title">
            <span class="capital">Q</span>UALITY COURSE
        </p>
    </div>
    <!--  课程展示  -->
    <div class="courses">
        <div class="course">
            <div class="course_img">
                <img src="./assets/images/course01.png" alt="">
            </div>
            <div class="course_info">
                <div class="info_top">
                    <p class="title">0基础瑜伽教练培训</p>
                    <p class="sub_title">成为老师的必经之路</p>
                    <ul class="course_points">
                        <li>零门槛入门</li>
                        <li>免费复训</li>
                    </ul>
                </div>
                <input type="button" class="inquire" value="立即咨询"/>
                <div class="recommend_level">
                    <p>推荐指数: <img src="./assets/images/start.png" alt=""><img src="./assets/images/start.png"
                                                                              alt=""><img
                            src="./assets/images/start.png" alt=""><img src="./assets/images/start.png" alt=""><img
                            src="./assets/images/start.png" alt=""></p>
                </div>
            </div>
        </div>

        <div class="course">
            <div class="course_img">
                <img src="./assets/images/course02.png" alt="">
            </div>
            <div class="course_info">
                <div class="info_top">
                    <p class="title">RYT200全美瑜伽联盟</p>
                    <ul class="course_points">
                        <li>国际认证</li>
                        <li>全球认可</li>
                        <li>科学训练</li>
                        <li>系统培训</li>
                    </ul>
                    <img class="badge" src="./assets//images/badge.png" alt="">
                </div>
                <input type="button" class="inquire" value="立即咨询"/>
                <div class="recommend_level">
                    <p>推荐指数: <img src="./assets/images/start.png" alt=""><img src="./assets/images/start.png"
                                                                              alt=""><img
                            src="./assets/images/start.png" alt=""><img src="./assets/images/start.png" alt=""><img
                            src="./assets/images/start.png" alt=""></p>
                </div>
            </div>
        </div>

        <div class="course">
            <div class="course_img">
                <img src="./assets/images/course03.png" alt="">
            </div>
            <div class="course_info">
                <div class="info_top">
                    <p class="title">维密瘦身教练培训</p>
                    <p class="sub_title">全能教练必备的高端热门 课程</p>
                </div>
                <input type="button" class="inquire" value="立即咨询"/>
                <div class="recommend_level">
                    <p>推荐指数: <img src="./assets/images/start.png" alt=""><img src="./assets/images/start.png"
                                                                              alt=""><img
                            src="./assets/images/start.png" alt=""><img src="./assets/images/start.png" alt=""><img
                            src="./assets/images/start.png" alt=""></p>
                </div>
            </div>
        </div>

        <div class="course">
            <div class="course_img">
                <img src="./assets/images/course04.png" alt="">
            </div>
            <div class="course_info">
                <div class="info_top">
                    <p class="title">空中瑜伽教练培训</p>
                    <p class="sub_title">高薪教学必学特色进修课</p>
                </div>
                <input type="button" class="inquire" value="立即咨询"/>
                <div class="recommend_level">
                    <p>推荐指数: <img src="./assets/images/start.png" alt=""><img src="./assets/images/start.png"
                                                                              alt=""><img
                            src="./assets/images/start.png" alt=""><img src="./assets/images/start.png" alt=""><img
                            src="./assets/images/start.png" alt=""></p>
                </div>
            </div>
        </div>

        <div class="course">
            <div class="course_img">
                <img src="./assets/images/course05.png" alt="">
            </div>
            <div class="course_info">
                <div class="info_top">
                    <p class="title">原创精品精修课程</p>
                    <p class="sub_title">教学课程多样化，只为培养 更专业的瑜伽老师</p>
                </div>
                <input type="button" class="inquire" value="立即咨询"/>
                <div class="recommend_level">
                    <p>推荐指数: <img src="./assets/images/start.png" alt=""><img src="./assets/images/start.png"
                                                                              alt=""><img
                            src="./assets/images/start.png" alt=""><img src="./assets/images/start.png" alt=""><img
                            src="./assets/images/start.png" alt=""></p>
                </div>
            </div>
        </div>

        <div class="course">
            <div class="course_img">
                <img src="./assets/images/course06.png" alt="">
            </div>
            <div class="course_info">
                <div class="info_top">
                    <p class="title">名师工作坊进修课程</p>
                    <p class="sub_title">一站式学习国际最新最有效 的前线提升课程</p>
                    <ul class="course_points">
                        <li>零门槛入门</li>
                        <li>免费复训</li>
                    </ul>
                </div>
                <input type="button" class="inquire" value="立即咨询"/>
                <div class="recommend_level">
                    <p>推荐指数: <img src="./assets/images/start.png" alt=""><img src="./assets/images/start.png"
                                                                              alt=""><img
                            src="./assets/images/start.png" alt=""><img src="./assets/images/start.png" alt=""><img
                            src="./assets/images/start.png" alt=""></p>
                </div>
            </div>
        </div>
    </div>
</div>

<!--权威信息-->
<div class="authority">
    <p class="p1 text-center">全美瑜伽联盟权威认证，专注于培养国际级瑜伽老师</p>
    <p class="p2 text-center">Yoga Alliance USA，全美瑜伽联盟创始于1982年,是世界权威瑜伽培训机构。该联盟召集全美乃至世界权威瑜伽专业</p>
    <p class="p2 text-center">人士经过对各个流派的培训体系的统一讨论和研究归纳，制定国际认证瑜伽教师培训标准,毕业颁发全球认可的瑜伽证书。</p>
    <div class="RYT">
        <img src="./assets/images/RYT.png" alt="">
    </div>
    <p class="p3 text-center">静波瑜伽-RYT认证培训学习</p>
</div>

<!--名师团队-->
<div class="team">
    <p class="p1 text-center">名师教学团队</p>
    <p class="p2 text-center">专业核心师资团队，金牌国内外资深瑜伽导师，助你走上高薪之路</p>
    <div class="team_member">
        <div class="member text-center">
            <img src="./assets/images/member01.png" alt="">
            <p class="text-center">NIK</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member02.png" alt="">
            <p class="text-center">韦璐</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member03.png" alt="">
            <p class="text-center">张威</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member04.png" alt="">
            <p class="text-center">小燕</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member05.png" alt="">
            <p class="text-center">小婉</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member06.png" alt="">
            <p class="text-center">小月</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member07.png" alt="">
            <p class="text-center">本杰明</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member08.png" alt="">
            <p class="text-center">Richard& Rebecca</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member09.png" alt="">
            <p class="text-center">Chris</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member10.png" alt="">
            <p class="text-center">Erika </p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member11.png" alt="">
            <p class="text-center">JJ 俊杰</p>
        </div>
        <div class="member text-center">
            <img src="./assets/images/member12.png" alt="">
            <p class="text-center">建慧</p>
        </div>
    </div>
</div>

<!--教学环境-->
<div class="surroundings">
    <p class="p1">高端教学环境</p>
    <p class="p2">国内首家集：培训、旅修、住宿、健康餐饮为一体的培训基地。舒适优雅的学习环境，</p>
    <p class="p2">完善的教学设备，为市场打造高端瑜伽教练人才</p>
    <div class="equipment">
        <div class="line_1">
            <div class="line_1_left">
                <img src="./assets/images/room01.png" alt="">
                <img src="./assets/images/room02.png" alt="">
                <img src="./assets/images/room03.png" alt="">
            </div>
            <div class="line_1_right">
                <img src="./assets/images/room04.png" alt="">
            </div>
        </div>
        <div class="line_2">
            <img src="./assets/images/room05.png" alt="">
            <img src="./assets/images/room06.png" alt="">
        </div>
    </div>
</div>

<!--进行预约-->
<div class="booking">
    <div class="book_form">
        <table>
            <tr>
                <td><span>姓名/称呼</span></td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td><span>手机/电话</span></td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td><span>留言内容</span></td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td><span></span></td>
                <td><input type="button" value="提交预约"></td>
            </tr>
        </table>
    </div>
</div>

<!--加入我们-->
<div class="">
    <div class="join_us">
        <div class="top">
            <div class="item text-center">
                <p class="text-center">关于我们</p>
                <img src="./assets/images/about_us.png" alt="">
            </div>
            <div class="item text-center">
                <p class="text-center">常见问题</p>
                <img src="./assets/images/faq.png" alt="">
            </div>
            <div class="item text-center">
                <p class="text-center">加入微博</p>
                <img src="./assets/images/weibo.png" alt="">
            </div>
            <div class="item text-center">
                <p class="text-center">联系我们</p>
                <img src="./assets/images/contact.png" alt="">
            </div>
        </div>
        <div class="bottom">
            <span class="link">友情链接：xxxxxxxxxxxx</span>
            <span class="copy">版权所有：静波瑜伽学院 © 2009-2019. JumBoYoga. All rights reserved .</span>
        </div>
    </div>
</div>

<!--门店信息-->
<div class="shops">
    <div class="left">
        <div class="address">
            <p>静波瑜伽【太阳城店】</p>
            <p>地址：南京市江宁区天元中路新城发展中心3层</p>
            <p>电话：025-51180090</p>
        </div>
        <div class="address">
            <p>静波瑜伽【河定桥店】 </p>
            <p>地址：南京市江宁区青春水岸3幢8层</p>
            <p>电话：025-84111575</p>
        </div>
        <div class="address">
            <p>静波瑜伽【河西CBD店】 </p>
            <p>地址：南京市建邺区庐山路168号新地中心西格玛广场C区4楼</p>
            <p>电话：13626103300</p>
        </div>
        <div class="address">
            <p>静波瑜伽【教培基地】 </p>
            <p>地址：宝华山风景区隆昌寺</p>
            <p>电话：0511-80776800</p>
        </div>
    </div>
    <div class="right">
        <div class="address">
            <p>静波瑜伽【金盛路店】 </p>
            <p>地址：南京市江宁区金盛路瀛洲湾1幢3层</p>
            <p></p>
        </div>
        <div class="address">
            <p>静波瑜伽【扬州文体店】   </p>
            <p>地址：高邮文体公园全民健身中心二楼</p>
            <p>电话：0514-85838588</p>
        </div>
        <div class="address">
            <p>静波瑜伽【扬州世贸店】   </p>
            <p>地址：高邮市通湖路世贸购物中心三楼东侧</p>
            <p>电话：0514-80958588</p>
        </div>
    </div>
</div>
</body>
</html>

<script>
    let width = document.body.clientWidth;
    let baseSize = width * 12 / 1920;
    document.getElementById("app").style.fontSize = baseSize + "px";
</script>